*{margin: 0px;padding: 0px;}
body{
	background-color: #F0F0F0;
}
.head-div{
	width: 50%;
	margin: 20px 0px 20px 20px;
	color: #606266;
}
.maintemplate{
	width: 98%;border-radius: 5px;
	height: 750px;margin: 0px auto;
	background-color: #FFFFFF;
}
.blues{
	color: #409EFF;
}
.gray-line{
	border: 1px double #E4E7ED;
	margin: 0px 40px;
}
.maintemplate-div{
	margin: 0px auto;
	width: 96%;border:1px solid #000000;
	height: 330px;
}

.maintemplate ul{
	margin-left: 30px;
	width: 800px;
	position: relative;
}

.maintemplate ul li{
	list-style: none;float: left;cursor: pointer;
	width: 100px;
	height: 30px; text-align: center;line-height: 30px;
}
.maintemplate ul div{
	margin-left: 11px;
	width: 70px;height:2px;background-color: #409EFF;
	position: absolute;top: 30px;
}
.indiv{
	display: none;
}
.vipchooescard{
	width: 100%;margin: 0px auto;
	background-color: #F0F9EB;
	margin-bottom: 15px;
}
.vipchooescard p{
	padding: 15px 0px 15px 20px;
	color: #67C23A;
}
.divnext{
	width: 94%;height: 500px;
	border: 0px solid #f00;
	margin: 0px auto;
}
.p-message{
	margin-bottom: 7px;
	color: #666666;
}
.p-message2{
	margin-bottom: 7px;
	color: #666666;
}
.SetMeal{
	border: 1px solid #ccc;
	width: 140px;height: 95px;
	border-radius: 6px;
	cursor: pointer;
	text-align: center;
	float: left;margin-right: 15px;
}
.SetMeal-div-first{
	margin: 20px 40px;
	font-size: 18px;
	font-weight: 600;
}
.SetMeal-div-last{
	width: 140px;height: 33px;
	line-height: 33px;color: #666666;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	text-align: center;margin-top: 7px;
	background-color: #DEDEDE;
}
.border-color-blue{
	border: 1px solid #409EFF;
	color: #409EFF;
}
.inputgold{
	clear: both;
	display: none;
	
}
.inputgold input{
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-right: 10px;
	height: 35px;width: 220px;
	padding-left:10px;
}

.inputpoint{
	clear: both;
	display: none;

}
.inputpoint input{
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-right: 10px;
	height: 35px;width: 220px;
	padding-left:10px;
}

.ActualPayment{
	clear: both;

}
.ActualPayment p span{
	color: #ff4e00;font-weight: 500;
	font-size: 17px;
}
.paytype{
	clear: both;float: left;
}
.paytype{
	color: #666666;
}
.paytype p{
	margin-bottom: 20px;
}
.paytype span{
	color: #666666;
	margin:20px 20px 20px 0px;
	cursor: pointer;
}
.detailsdiv{
	width: 100%;height: 150px;
	background-color: #FDF6EC;
	margin-top: 50px;
}
.detailsdiv p{
	margin:0px 0px 14px 10px;
	display: block;color: #666666;
}
.upgrade{
	width: 120px;height: 35px;
	line-height: 35px;color: #fff;
	border: 0px solid #f00;background-color: #409EFF;
	border-radius: 3px;cursor: pointer;
}
.upgrade:hover{
	background-color: #66B1FF;
}
.needtopay{
	clear: both;color: #666666;
}
.detailsdiv2{
	width: 100%;height: 120px;
	background-color: #FDF6EC;
	margin-top: 50px;
}
.detailsdiv2 p{
	margin:0px 0px 14px 10px;
	display: block;color: #666666;
}
.lookrecord{
	margin: 20px 0px;font-size: 19px;
	font-weight: 500;color: #ff4e00;
}
.givetc p{
	font-size: 14px;
	margin: 0px 0px 10px 10px;
	color: #333333;
}
.bonuspoints{
	width: 300px;height: 140px;
	background-color: #FEE9E9;
	border-left: 3px solid #ff4e00;
	border-radius: 5px;
}
.paytype{
	clear: both;
}
.paytype{
	color: #666666;
}
.paytype p{
	margin-bottom: 20px;
}
.paytype span{
	color: #666666;
	margin:20px 20px 20px 0px;
	cursor: pointer;
}
.needtopay{
	clear: both;color: #666666;
}
.balance{
	font-size: 17px;font-weight: bold;color: #FF5722;
}
.upgrade{
	width: 120px;height: 35px;
	line-height: 35px;color: #fff;
	border: 0px solid #f00;background-color: #409EFF;
	border-radius: 3px;cursor: pointer;
}
.upgrade:hover{
	background-color: #66B1FF;
}
.morepri{
	width: 200px;height: 35px;
	line-height: 35px;color: #F56C6C;
	border: 1px solid #FBC4C4;background-color: #FEF0F0;
	border-radius: 3px;cursor: pointer;
}
.morepri:hover{
	background-color: #F56C6C;
	border: 1px solid #F56C6C;
	color: #fff;
}
.pagediv{
	float: right;margin-right: 20px;
}
.pagediv2{
	float: right;margin-right: 20px;
}
.pagediv3{
	float: right;margin-right: 20px;
}
.tablediv-talbe thead{
	width: 100%;font-weight: bold;
	color: #909399;border-bottom:1px solid #EBEEF5 ;
}
.tablediv-talbe{
	width: 100%;font-weight: bold;
	color: #909399;border-bottom:1px solid #EBEEF5 ;
}
.tablediv-talbe tbody{
	text-align: center;color: #000000;font-weight: 400;
}
.deleterecord button{
	width: 120px;height: 35px;
	line-height: 35px;color: #fff;
	border: 0px solid #f00;background-color: #ff4e00;
	border-radius: 3px;cursor: pointer;
}
.deleterecord button:hover{
	background-color: #F78989;
}
.deleterecord2 button{
	width: 120px;height: 35px;
	line-height: 35px;color: #fff;
	border: 0px solid #f00;background-color: #409EFF;
	border-radius: 3px;cursor: pointer;
	margin: 20px 0px 0px 65px;
}
.deleterecord2 button:hover{
	background-color: #66B1FF;
}
.inputpoint2{
	margin-left: 30px;
}
.inputpoint2 input{
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-right: 10px;
	height: 35px;width: 220px;
	padding-left:10px;
}







